<template>
	<view class="zxc_centent">
		<view class="olp">
			<view class="ilf">
				<view class="ilf_left">请设置密码</view>
				<view class="olf">
				<input class="ilf_right" :password="password1" placeholder="请输入您的密码" placeholder-style="font-size:26upx"/>
				<image src="../../static/images/close_eye.png" mode="widthFix" v-if="password1" @click="closepassword1"></image>
				<image src="../../static/images/open_eye.png" mode="widthFix" v-else  @click="openpassword1"></image>
				</view>
			</view>
		</view>
		<view class="olp">
			<view class="ilf">
				<view class="ilf_left">确认密码</view>
				<view class="olf">
					<input class="ilf_right"  :password="password2" placeholder="请确认密码" placeholder-style="font-size:26upx"/>
					<image src="../../static/images/close_eye.png" mode="widthFix" v-if="password2" @click="closepassword2"></image>
					<image src="../../static/images/open_eye.png" mode="widthFix"  v-else  @click="openpassword2"></image>
				</view>
			</view>
		</view>

		<view class="jv" @click="sure">确认</view>
	</view>
</template>

<script>
	export default{
		data (){
			return {
				password1:true,
				password2:true
			}
		},
		methods:{
			closepassword1(){
				this.password1=false;
			},
			openpassword1 (){
				this.password1=true;
			},
			closepassword2(){
				this.password2=false;
			},
			openpassword2 (){
				this.password2=true;
			},
			sure (){
			
			}
		}
	}
</script>

<style>
	.olp{
		padding:0 30upx 0;
		background-color: #fff;
		margin-bottom:20upx;
	}
	.olu{
		font-weight: 700;
		text-align: center;
	}
	.if{
		text-align: center;
		margin-top:10upx;
		font-size: 25upx;
		margin-bottom:30upx;
	}
	.ilf{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding:30upx 0;
		width:100%;
		margin:0 auto;
		border-bottom:1px solid #ededed;
		font-size: 26upx;
	}
	.ilf input{
		width:70%;
		font-size: 26upx;
	}
	.ilf_right{
		width: 70%;
	}
	.jv{
		background-color: #07c160;
		color:#fff;
		text-align: center;
		padding:20upx 0;
		border-radius: 100upx;
		width:92%;
		margin:200upx auto;
	}
	.olf{
		width: 70%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.olf image{
		width: 30upx;
	}
	.tel_btn{
		white-space: nowrap;
		color:#07c160;
	}
	.old{
		width:95%;
		margin:0 auto;
		color:#999;
		font-size:26upx;
	}
</style>